//导航栏的二级菜单
layui.use('element', function(){
    var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
    
    //监听导航点击
    element.on('nav(demo)', function(elem){
      //console.log(elem)
      layer.msg(elem.text());
    });
  });
// 个人中心页面开始
$(function () {
  $('.selfinfo-tap').on('click', function () {
      $('.selfinfo-tap').children().removeProp("style");
      $('.selfinfo-tap').children().attr("style", "color: #040405");
      $(this).children().attr("style", "color: #66ccff");
      var key = $(this).attr('key');
      var str = '.bb' + key;
      $('.bb').removeProp('style');
      $('.bb').addClass('dis');
      $(str).attr("style", "display:block");
  })
})
layui.use('layer', function () {
  var $ = layui.jquery,
      layer = layui.layer;
  //触发事件
  var active = {
      myjiben: function (othis) {
          //页面层
          layer.open({
              type: 1,
              title: '个人基本信息',
              skin: 'layui-layer-rim', //加上边框
              area: ['auto', 'auto'], //宽高
              content: $('#myjiben')
          });
      },
      myqiuzhi: function (othis) {
          //页面层
          layer.open({
              type: 1,
              title: '个人求职意向',
              skin: 'layui-layer-rim', //加上边框
              area: ['auto', 'auto'], //宽高
              content: $('#myqiuzhi')
          });
      }
  }
  $('.myinfoedit').on('click', function () {
      var othis = $(this),
          method = othis.data('method');
      active[method] ? active[method].call(this, othis) : '';
  });
})

layui.use(['form', 'layedit', 'laydate'], function () {
  var form = layui.form,
      layer = layui.layer,
      layedit = layui.layedit,
      laydate = layui.laydate;

  //日期
  laydate.render({
      elem: '#birthday',
  });
  laydate.render({
      elem: '#entrance',
  });
  laydate.render({
      elem: '#startime',
  });
  laydate.render({
      elem: '#endtime',
  });
  laydate.render({
      elem: '#hontime'
  });
  laydate.render({
      elem:'#pra-startime',
  });
  laydate.render({
    elem:'#pra-endtime',
})
  laydate.render({
      elem: "#jobstartime",
  });
  laydate.render({
      elem: "#jobendtime",
  });

  //创建一个编辑器
  var editIndex = layedit.build('LAY_demo_editor');

  //自定义验证规则
  form.verify({
      title: function (value) {
          if (value.length < 5) {
              return '标题至少得5个字符啊';
          }
      },
      pass: [
          /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
      ],
      content: function (value) {
          layedit.sync(editIndex);
      }
  });

  //监听指定开关
  form.on('switch(switchTest)', function (data) {
      layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
          offset: '6px'
      });
      layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
  });

  //监听提交
  form.on('submit(demo1)', function (data) {
      layer.alert(JSON.stringify(data.field), {
          title: '最终的提交信息'
      })
      return false;
  });
});

layui.use('upload', function () {
  var $ = layui.jquery,
      upload = layui.upload;

  //普通图片上传
  var uploadInst = upload.render({
      elem: '#grzpup',
      url: 'fileuploadservlet.do?path=' + $("#account").val(),
      before: function (obj) {
          //预读本地文件示例，不支持ie8
          obj.preview(function (index, file, result) {
              $('#demo1').attr('src', result); //图片链接（base64）
          });
      },
      done: function (res) {
          //如果上传失败
    	  $("#photoname").val(res.resultString);
          if (res.code > 0) {
              return layer.msg('上传失败');
          }
          //上传成功
      },
      error: function () {
          //演示失败状态，并实现重传
          var demoText = $('#demoText');
          demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
          demoText.find('.demo-reload').on('click', function () {
              uploadInst.upload();
          });
      }
  });

  //多图片上传
  var pics=[];
  var picpaths=[];
  upload.render({
      elem: '#manypic',
      url: 'fileuploadservlet.do?path=' + $("#account").val(),
      multiple: true,
      before: function (obj) {
          //预读本地文件示例，不支持ie8
          obj.preview(function (index, file, result) {
              $('#demo2').append('<img src="' + result + '" alt="' + file.name + '" class="layui-upload-img">')
          });
      },
      done: function (res) {
          pics.push(res.resultString);
          picpaths.push('<img src="../upload1/'+res.resultObject+'"');
          picnames=picpaths.join('>')+'>';
          alert(picnames);
          $("#picpaths").val(picnames);
          $("#photoname").val(pics);
      }
  });

  //指定允许上传的文件类型
  upload.render({
      elem: '#test3',
      url: '/upload/',
      accept: 'file' //普通文件
          ,
      done: function (res) {
          console.log(res)
      }
  });
  upload.render({ //允许上传的文件后缀
      elem: '#test4',
      url: '/upload/',
      accept: 'file' //普通文件
          ,
      exts: 'zip|rar|7z' //只允许上传压缩文件
          ,
      done: function (res) {
          console.log(res)
      }
  });
  upload.render({
      elem: '#test5',
      url: '/upload/',
      accept: 'video' //视频
          ,
      done: function (res) {
          console.log(res)
      }
  });
  upload.render({
      elem: '#test6',
      url: '/upload/',
      accept: 'audio' //音频
          ,
      done: function (res) {
          console.log(res)
      }
  });

  //设定文件大小限制
  upload.render({
      elem: '#test7',
      url: '/upload/',
      size: 60 //限制文件大小，单位 KB
          ,
      done: function (res) {
          console.log(res)
      }
  });

  //同时绑定多个元素，并将属性设定在元素上
  upload.render({
      elem: '.demoMore',
      before: function () {
          layer.tips('接口地址：' + this.url, this.item, {
              tips: 1
          });
      },
      done: function (res, index, upload) {
          var item = this.item;
          console.log(item); //获取当前触发上传的元素，layui 2.1.0 新增
      }
  })

  //选完文件后不自动上传
  upload.render({
      elem: '#test8',
      url: '/upload/',
      auto: false
          //,multiple: true
          ,
      bindAction: '#test9',
      done: function (res) {
          console.log(res)
      }
  });

  //拖拽上传
  upload.render({
      elem: '#test10',
      url: '/upload/',
      done: function (res) {
          console.log(res)
      }
  });

  //多文件列表示例
  var demoListView = $('#demoList'),
      uploadListIns = upload.render({
          elem: '#testList',
          url: '/upload/',
          accept: 'file',
          multiple: true,
          auto: false,
          bindAction: '#testListAction',
          choose: function (obj) {
              var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
              //读取本地文件
              obj.preview(function (index, file, result) {
                  var tr = $(['<tr id="upload-' + index + '">', '<td>' + file.name + '</td>', '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>', '<td>等待上传</td>', '<td>', '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>', '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>', '</td>', '</tr>'].join(''));

                  //单个重传
                  tr.find('.demo-reload').on('click', function () {
                      obj.upload(index, file);
                  });

                  //删除
                  tr.find('.demo-delete').on('click', function () {
                      delete files[index]; //删除对应的文件
                      tr.remove();
                      uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                  });

                  demoListView.append(tr);
              });
          },
          done: function (res, index, upload) {
              if (res.code == 0) { //上传成功
                  var tr = demoListView.find('tr#upload-' + index),
                      tds = tr.children();
                  tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
                  tds.eq(3).html(''); //清空操作
                  return delete this.files[index]; //删除文件队列已经上传成功的文件
              }
              this.error(index, upload);
          },
          error: function (index, upload) {
              var tr = demoListView.find('tr#upload-' + index),
                  tds = tr.children();
              tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
              tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
          }
      });

  //绑定原始文件域
  upload.render({
      elem: '#test20',
      url: '/upload/',
      done: function (res) {
          console.log(res)
      }
  });

});
// 个人中心页面结束

//专业学习经历内容展开收起
$(".psteach-show").click(function(){
    var keyconsol = $(this).addClass('keyconsol');
    keyconsol.next().slideToggle();
  });

//专业学习内容弹窗
$(".colse-icon").click(function(){
    $(".ps-cover-f").hide();
  });
$(".psprod-pic_mask").click(function(){
    var keyconsol = $(this).addClass('keyconsol');
    keyconsol.next().toggle();
})